@import url("./components/MenuTool/_style.less");
@import url("./components/Validator/_style.less");
@import url("./components/RowMerge/_style.less");
.cpas-excel-grid-container .handsontable {
  font-family: "Arial Narrow", Arial, "FangSong_GB2312", "SimSun" !important;
}


.is-menu-separator-ct {
  padding: 0 7px !important;
  line-height: 4px;
}

.is-menu-separator {
  border-bottom: 1px solid #ccc;
  height: 1px
}

.cpas-table-type .htDimmed {
  color: #333 !important;
  background-color: #f6f6f6 !important;
}
#cpasstableWapperRef2 td.htDimmed {
  color: #333;
  background-color: #f6f6f6;
}

.cpas-validate-error-mark::after {
  content: "\f06b";
  display: inline-block;
  margin-left: 10px; /* 调整标识与单元格内容之间的间距 */
  color: red; /* 错误标识的颜色 */
  font-weight: bold; /* 错误标识的字体加粗 */
  /* 其他样式属性根据需要自行调整 */
  right: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font: 14px / 1 DXIcons;
}

.cpas-table-type .cpas-validate-success-mark::after {
  content: "\f005";
  display: inline-block;
  margin-left: 10px; /* 调整标识与单元格内容之间的间距 */
  color: green; /* 错误标识的颜色 */
  font-weight: bold; /* 错误标识的字体加粗 */
  /* 其他样式属性根据需要自行调整 */
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  font: 14px / 1 DXIcons;
}

//通用标注
.cpas-table-type .cpas_table.cpas-formula-normal-mark{
  background-color: #E5E0EC !important;
}

// 母列标记
.cpas-table-type .cpas_table.cpas-main-column-mark{
  background-color: lightgreen !important;
}

//聚合标注
.cpas-excel-grid-container .cpas-table-container .cpas-table-type table tr td.cpas-polymeric-mark{
  background-color: #FFF6CC !important;
}

//excel公式标注
.cpas-table-container .cpas-table-type table tr td.cpas-excel-formula-mark{
  background-color: #FFDCDB !important;
}

//单元格取数标注
.cpas-table-type table tr td.cpas-cell-get-mark{
  background-color: #FFE6CF !important;
}

//动态行列标注
.cpas-table-type table tr td.cpas-dynamic-mark{
  background-color: #C8DCFE !important;
}

//期间类型标注
.cpas-table-type tr td.cpas-period-type-mark{
  background-color: #EADFFA !important;
}

//标签标注
.cpas-table-type .cpas-tag-mark{
   background-color: #f0ccea !important;
}

.circle{
  border-radius: 50%;
}


/**
  handsongrid 字符超长省略号
 */
.handsontable th, .handsontable td{
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  position: relative;
  padding-left: 7px;
  padding-right: 7px;
}


.pxToVW (@px, @attr: width) {
  @vw: (@px / 920) * 100;
  @{attr}: ~"@{vw}vw";
}

.colHeader{
  word-break:normal;
  width:auto;
  display:block;
  white-space:pre-wrap;
  word-wrap : break-word ;
  overflow: hidden ;
}

.cpas-table-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.cpas-table-container-multiple {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.cpas-formula-span {
  width: 90px;
  text-align: center;
}

.cpas-formula-content {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

.cpas-map-model {
  background-color: #ccedf0 !important;
}

.cpas-cell-active {
  background-color: #ccedf0 !important;
}

td.cpas_table:hover {
  background-color: #ccedf0;
}

.cpas-menu-item-active {
  background-color: @primary;
  color: #fff !important;
}
.cpas-menu-item-half-active {
  background-color: #00a7b5;
  color: #fff !important;
}

.cpas-text-right {
  text-align: right !important;
}

.cpas-text-center {
  text-align: center !important;
}

.cpas-text-left {
  text-align: left !important;
}

.cpas-bold {
  font-weight: bold;
}

.cpas-font-style {
  font-style: italic;
}

.cpas-excel-grid-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.fz-tab-content .cpas-excel-grid-container{
  min-height: 650px;
}

.fz-tab-content{
  padding-right: 10px;
}

.dx-state-active{

}

.handson-tools .dx-state-active::after{
  border: none !important;
}

/**该类必须在上面的cpas-excel-grid-container类后面*/
.cpas-be-verify-bg {
  background-color:rgba(213, 60, 60, 0.098) !important;
  border: 1px solid rgb(241, 69, 69) !important;
}

.cpas-verify-bg {
  border: 1px solid rgb(241, 72, 72) !important;
}

.cpas-excel-grid-container-multiple {
  height: auto;
}

.cpas-excel-grid-container {
  .ant-row {
    height: 60px;
  }
  .ant-col > button {
    margin-right: 15px;
  }

  .ant-col > div {
    margin-right: 15px;
  }
}

.cpas-excel-expend-tool {
  width: 100%;
}

.cpas-excel-expend-tool > div {
  padding: 10px;
}

.cpas-excel-expend-tool > div span {
  margin-right: 20px;
}

.cpas-excel-grid-multiple {
}

.cpas-handson-group-bg {
  background-color: #0f85b8 !important;
}

.cpas-column-map-header {
  background-color: #eeeeee !important;
}

.cpas-handson-group-bg span {
  color: white !important;
}
.cpas-table-container .handson-tools {
  // height: 196px;
  width: 100%;
  display: flex;
  flex-direction: column;

  .dx-tab-content .dx-tab-text {
    line-height: 15px;
  }

  .ant-btn-default {
    background-color: #fff;
  }

  .ant-select {
    min-width: 105px;
    .pxToVW(105);
  }

  .select-box-style-lg {
    min-width: 105px;
    .pxToVW(105);
  }

  .column-name-input,
  .select-box-style-min {
    min-width: 70px;
    .pxToVW(70);
  }

  .input-style-min {
    width: 48px;
  }

  .split-line {
    display: flex;
    border-left: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 5px;
    .tools-item:last-child {
      margin-right: 0px;
    }
  }

  .dx-button-has-text .dx-button-content {
    padding: 0;
  }

  .dx-button-has-text .dx-icon {
    margin-right: 2px;
  }

  .dx-dropdownbutton .dx-button-has-text .dx-icon.dx-icon-right {
    margin-left: 0px;
  }

  .handson-header {
    margin-top: 10px;
  }

  .dx-tabs {
    border: none;
  }

  .dx-tabs-scrollable .dx-tabs-wrapper {
    border: none;
  }

  .dx-tab.dx-tab-selected {
    background-color: #4f2d7f;
    color: #fff;
  }

  .dx-tab {
    display: inline-block;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 6px 20px;
    margin-right: 20px;
  }

  /*去掉选中的tab的边框*/
  .dx-tab-selected::after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    /* border-right: 1px solid #ddd; */
    /* border-left: 1px solid #ddd; */
    border: none;
  }

  /*去掉插行的边框*/
  .dx-button-mode-outlined {
    border-color: #fff;
  }

  /*处理插行缩进靠右的问题*/
  .dx-dropdownbutton-action.dx-button .dx-button-content {
    padding-left: 0;
    padding-right: 4px;
  }
}

.fix-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.handson-tab-header {
  height: 40px;
  width: 100%;
  //background-color: blue;
  display: flex;

  .icon-download,
  .icon-upload {
    font-size: 22px;
  }
}



.handson-tab-content{
  overflow: hidden;
  flex: 1;
  //background-color: yellow;
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
  .data-design {
    padding-left: 10px;
    display: flex;
    align-items: center;
  }
}

.cpas-table-bottom-bar {
  margin-top: 10px;
}
.zl-tab-content .cpas-table-bottom-bar {
  margin-top: 0;
  padding-bottom: 35px;
}

.table-design-tools {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  padding-bottom: 5px;
  .table-design-mask{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 99;
    border-radius: 5px;
    display: none;
  }
  .table-design-tools-content{
    min-width: 535px;
    width: calc(100% - 40px);
    height: 100%;
    display: flex;
    transition: 0.5s;
  }
  .handson-tab-icon {
    width: 16px;
    height: 100%;
    background-color: #eee;
    z-index: 10;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .handson-tab-lf {
    left: 0;
  }
  .handson-tab-ri {
    right: 0;
  }
}

//.handson-tools{
//  .data-design .col .row.row3{
//    margin-top: 0px;
//  }
//}

.no-h-padding {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.row1 > span {
  color: #949494;
}

.col.col1 {
  padding-left: 0px !important;
}

.handson-tools .col {
  .min-width-dx-button {
    .dx-button-text {
      display: inline-block;
      min-width: 60px;
      text-align: left;
    }
  }

  & .row.row3 {
    padding-top: 8px;
  }

  .tools-item-container {
    border-right: solid 1px #dcdcdc;
    padding-right: 10px;
  }

  padding-right: 10px;
  padding-left: 10px;

  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  .row {
    display: flex;

    height: 32px;
    align-items: center;
    & > div {
      cursor: pointer;
    }
  }
}

.cpas-table-ds-count{
  & span{
    margin-right: 50px;
  }
  display: flex;
  justify-content: right;
}

.tools-item-width-auto {
  width: auto;
  display: flex;
  align-items: center;
  min-width: 60px;
  margin-right: 10px;
}

//.tools-item .cpas-icon {
//  .pxToVW(16,font-size);
//}

.tools-item .cpas-icon{
  font-size: 18px;
}

.row-border-left {
  border-left: solid 1px #dcdcdc;
}

.tools-item-inline {
  &.ver {
    flex-direction: column;
    cursor: pointer;
  }

  & > span {
    width: auto;
    margin-right: 5px;
  }

  & .tool-number-input {
    .pxToVW(50,width);
  }

  display: flex;
  margin-right: 8px;
  justify-content: center;
  align-items: center;

  .data-type,
  .qijian-type {
    min-width: 56px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .row-aggregation-text {
    min-width: 56px;
  }
}

.handson-tools .tools-item {
  //.pxToVW(16);
  //.pxToVW(16, height);
  min-width: 16px;
  min-height: 16px;
  //background-color: red;
  margin-right: 8px;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  .handson-tab-header {
    margin-top: 10px;
  }
}

.handson-tools .dx-button-content .dx-icon{
  margin-right: 7px;
  margin-left: 3px;
}

.handson-tools .data-validator .tools-item{
  margin-right: 5px;
  margin-left: 5px;
}

.handson-tools{
  .dx-button-content{
    text-align: left;
  }
}

//@media all and (max-width: 875px) {
//  .tools-item .cpas-icon {
//    font-size: 16px;
//  }
//  .icon-shujuyuan{
//    font-size: 16px !important;
//  }
//}

//@media all and (min-width: 1300px) {
//  .tools-item .cpas-icon {
//    font-size: 18px;
//  }
//  .icon-shujuyuan{
//    font-size: 18px !important;
//  }
//}

.data-design-one-model > div {
  margin-left: 10px;
}

.wenzi-container {
  width: 300px;
  padding: 0 12px;
  box-sizing: border-box;
  .wenzi-row {
    display: flex;
    line-height: 32px;
    .wenzi-text {
      width: 74px;
    }
    .wenzi-select-area {
      flex: 1;
    }
    &.row-bottom {
      margin-bottom: 10px;
    }
  }
}

// .column-name-input {
//   .pxToVW(68);
// }

.tools-item-container {
  .get-data-source {
    .get-data-source-img {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 92px;
      height: 32px;
    }
  }
}
.handsontable .cpas-bold{
  font-weight: bold;
}
/*表格位置*/
.cpas-excel-grid {
  position: relative;
  flex: 1;
}

.cpas-excel-grid-multiple {
  position: relative;
}

.init-pilou-container {
  .pxToVW(80);
  height: 62px;
  display: flex;
  flex-wrap: wrap;
}

.formula-container {
}

.zl-modal{
  .ant-modal-body {
    padding-top: 0;
  }
  .ant-modal-content .ant-modal-close{
    width: 16px;
    height: 16px;
    line-height: 16px;
    right: 12px;
    top: 12px;
    .ant-modal-close-x {
      width: 16px;
      height: 16px;
      line-height: 16px;
    }
    .ant-modal-close-x:hover {
      background: #eee;
      border-radius: 5px;
    }
  }
}
